<!--
 * @Descripttion: 出手鸭小程序
 * @version:1.0.1 
 * @Author: HHL
 * @Date: 2023-10-12 18:24:54
 * @LastEditTime: 2025-08-06 23:02:23
 * @LastEditors: sueRimn
-->


<template>
  <view class="order-info">
    <view class="title">
      订单信息
    </view>
    <view class="item d-flex justify-content-between align-items-center">
      <view class="label">
        订单编号
      </view>
      <view class="value" @click="copy(orderDetail.orderNo)">
        {{ orderDetail.orderNo }} <text class="copy">复制</text>
      </view>
    </view>
    <view class="item d-flex justify-content-between align-items-center">
      <view class="label">
        下单时间
      </view>
      <view class="value">
        {{ orderDetail.createTime }}
      </view>
    </view>
    <view class="item d-flex justify-content-between align-items-center">
      <!-- <view class="label">
        回收方式
      </view>
      <view class="value">
        {{ orderDetail.orderTypeText }}
      </view> -->
    </view>
  </view>
</template>

<script>

export default {
  props: {
    orderDetail: { type: Object, default: {} }
  },
  methods: {
    copy(text) {
      uni.setClipboardData({
        data: text,
        success: function () {
          uni.showToast({
            title: '复制成功',
            icon: 'none'
          })
        }
      })
    }
  }
}

</script>

<style lang="scss" scoped>


.order-info {
  padding: 32rpx;
  background-color: #ffffff;
  margin: 20rpx auto 20rpx;
  border-radius: 20rpx;
  box-shadow: #efefef 0 0 30rpx;

  .title {
    font-size: var(--hui-font-size-32);
    color: var(--hui-color-title);
    margin: 0 0 20rpx 0;
    font-weight: bold;
  }

  .item {
    height: 60rpx;

    .label {
      font-size: var(--hui-font-size-26);
      color: var(--hui-color-subtitle);
    }

    .value {
      font-size: var(--hui-font-size-26);
      color: var(--hui-color-title);
      .copy {
        color: var(--hui-color-primary);
        margin-left: 10rpx;
      }
    }
  }
}
</style>